<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-title" content="斗米兼职">
        <meta name="format-detection"content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <link rel="apple-touch-icon-precomposed" href="http://sta.ganji.com/att/project/app/parttime_job/doumi/logo_app.png">
        <script src="https://api.map.baidu.com/api?v=2.0&ak=XLwUQbNWQVgZgPoGtu0U9uwT0eGplAgx&s=1" type="text/javascript"></script>
        <title>个人足迹</title>
        <style type="text/css">
            #user_info{
                display: none;
            }
        </style>
    </head>

    <body ontouchstart="">
        <!-- <div class="page footprint">
            <div class="map" id="map"></div>
            <div class="user-detail bg-color">
                <ul class="user-list_2">
                    <li class="com-border-bottom">
                        <img class="avatar" :src="detail.user_header_imag" alt="">
                        <div class="info">
                            <p class="name">{{detail.user_name}}</p>
                            <p class="remark"><em>备注</em>{{detail.remark}}</p>
                            <ul class="pic-list">
                                <li v-for="abc in detail.photo" track-by="$index"><img :src="abc" alt=""></li>
                            </ul>
                            <span class="time">{{detail.sign_time}}</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div> -->
        <div class="page footprint"> 
            <div class="map" id="map"></div>
            <div class="user-detail bg-color" id="user_info">
                <div class="location com-border-bottom">
                    <span class="bg_sprite icon_location"></span>
                    <p v-if="require_field[0]">{{require_field[0].info.value.addr_name}}({{require_field[0].info.value.addr}})</p>
                    <!-- <a href="javascript:;" id="toggleSlide" @click="hideInfo">收起</a> -->
                </div>
                <ul class="user-list_2">
                    <li class="com-border-bottom">
                        <!-- <img v-if="detail.avatar" class="avatar" :src="detail.avatar" alt="" @click="gotoProjectMemberDetail">
                        <img v-else class="avatar" src="../../static/imgs/avatar.png" @click="gotoProjectMemberDetail"> -->
                        <div class="avatar-box">
                            <img class="avatar" :src="detail.avatar || '/avatar.png'" alt="" @click="gotoProjectMemberDetail">
                            <span class="cover" v-if="detail.member_status == -1">已离职</span>
                        </div> 
                        <div class="info">
                            <p class="name">{{detail.user_name}}</p>
                            <template v-for="item in require_field">
                                <ul class="pic-list" v-if="item.type==='Imageview'">
                                    <p style="color: rgb(102, 102, 102);">{{item.info.title}}:</p>
                                    <li v-for="src in item.info.value.thumb_url" track-by="$index">
                                        <img :src="src" alt="" v-if="$index<2"@click="bigPicturePreview($index,item)">
                                        <div class="mask" v-if="$index==1" @click="bigPicturePreview($index,item)"><span></span><span></span><span></span></div>
                                    </li>
                                </ul>
                                <template v-else>
                                    <p class="remark" v-if="item.type!='Location'"><em>{{item.info.title}}:</em>{{item.info.value}}</p>
                                </template>
                                
                            </template>
                            
                            <span class="time">{{detail.sign_time}}</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </body>
    <style type="text/css">
        div.user-detail .location p{
            margin: 0 0 0 8px;
        }
        div.user-detail .pic-list li{
            margin-bottom: 8px;
        }
        div.mar_top{
            margin-top: 13px;
        }
        #user_info{
            display: block;
        }
    </style>
</html>
